<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	  layout:decorate="~{layouts/layout}">
  <head>
    <meta charset="utf-8">
    <title>My Profile | Strass</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link th:href="@{/css/bootstrap.css}" rel="stylesheet">
	<link th:href="@{/css/site.css}" rel="stylesheet">
    <link th:href="@{/css/bootstrap-responsive.css}" rel="stylesheet">
	<script th:src="@{/js/html5.js}"></script>
  </head>
  <body>
	<th:block layout:fragment="content">
		<div class="span9">
			<div class="row-fluid">
				<div class="page-header">
					<h1>My profile <small>Update info</small></h1>
				</div>
				<form class="form-horizontal">
					<fieldset>
						<div class="control-group">
							<label class="control-label" for="name">Name</label>
							<div class="controls">
								<input type="text" class="input-xlarge" id="name" value="Admin" />
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="email">E-mail</label>
							<div class="controls">
								<input type="text" class="input-xlarge" id="email" value="travis@provider.com" />
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="phone">Phone</label>
							<div class="controls">
								<input type="text" class="input-xlarge" id="phone" value="xxx-xxx-xxxx" />
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="city">City</label>
							<div class="controls">
								<input type="text" class="input-xlarge" id="city" value="My City" />
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="role">Role</label>
							<div class="controls">
								<select id="role">
									<option value="admin" selected>Admin</option>
									<option value="mod">Moderator</option>
									<option value="user">User</option>
								</select>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="active">Active?</label>
							<div class="controls">
								<input type="checkbox" id="active" value="1" checked />
							</div>
						</div>
						<div class="form-actions">
							<input type="submit" class="btn btn-success btn-large" value="Save Changes" /> <a class="btn" th:href="@{users}">Cancel</a>
						</div>
					</fieldset>
				</form>
			</div>
		</div>
	</th:block>

  </body>
</html>
